<tabs-v select-callback="$ctrl.selectPane(pane)">
  <pane-v id="pane-data-{{$ctrl.nav.data.id}}" header="Data" class="">
    <div class="card-body">
      <mix-database-nav-values
        on-update="$ctrl.updateData(data)"
        on-delete="$ctrl.removeData(data)"
        mix-database-id="$ctrl.nav.data.id"
        mix-database-name="$ctrl.nav.data.name"
        parent-id="$ctrl.parentId"
        parent-type="$ctrl.parentType"
        data="$ctrl.data"
        class="card-body"
      >
      </mix-database-nav-values>
    </div>
  </pane-v>
  <pane-v id="pane-form-{{$ctrl.nav.data.id}}" header="Form" class="">
    <div class="card-body">
      <mix-database-form
        ng-if="$ctrl.selected"
        mix-database-id="$ctrl.nav.data.id"
        mix-database-name="$ctrl.nav.data.name"
        default-id="'default'"
        parent-id="$ctrl.parentId"
        parent-type="$ctrl.parentType"
        mix-database-data="$ctrl.selected.data"
        save-data="$ctrl.saveData(data)"
      >
      </mix-database-form>
    </div>
  </pane-v>
</tabs-v>
